﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Index
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
    <script type="text/javascript">
        var theaterIndexMap = createTheaterIndexMap();
        $(document).ready(function () {
            theaterIndexMap.init('theaterIndexMap', '#latitude', '#longitude', '#name');
            theaterIndexMap.getTheaters();
        });
    </script>
    <div id='theaterIndexMap' style="position: relative; width: 100%; height: 400px;">
    </div>


    <h1>Create a New Theater</h1>
    <% using (Html.BeginForm("Create", "Theater"))
       { %>
    <table>
        <tr>
            <td>
                <label for="latitude">
                    Latitude</label>
            </td>
            <td>
                <input type="text" name="latitude" id="latitude" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="longitude">
                    Longitude</label>
            </td>
            <td>
                <input type="text" name="longitude" id="longitude" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="name">
                    Name</label>
            </td>
            <td>
                <input type="text" name="name" id="name" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="Description">
                    Description</label>
            </td>
            <td>
                <input type="text" name="description" id="description" value="empty" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="icon">
                    Icon</label>
            </td>
            <td>
                <input type="text" name="icon" id="icon" value="empty" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="Create Theater" value="Create Theater" />
            </td>
        </tr>
    </table>
    <% } %>
</asp:Content>
